{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/channel_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	/*background: #f3f3f3;*/
	padding-top: 2.2rem;
	padding-bottom: 2.5rem;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>
		<div class="search_input">
			<input type="text" placeholder="搜索帖子、频道、用户" id="search">
			<i class="icon_x"></i>
		</div>
	</div>
	<!-- 分类搜索 -->
	<div class="search_type">
		<div class="search_one active">
			<span>帖子</span>
		</div>
		<div class="search_one">
			<span>频道</span>
		</div>
		<div class="search_one">
			<span>用户</span>
		</div>
	</div>
	<!-- 搜索结果是帖子 -->
	<!-- <div class="tiezi">
		<ul class="tiezi_list">
			<li>
				<a href="javascript:;">
					<div class="user">
						<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt=""><span>花花世界</span>
					</div>
					<div class="text">
						<h3>世界很美，而你刚好有空</h3>
						<p>想看这样的风景，幽静，唯美，这曾经是我梦寐以求的生活，谁能给我提供这样的世外桃源的图片呢？快来赞赏我</p>
					</div>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<div class="user">
						<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt=""><span>花花世界</span>
					</div>
					<div class="text">
						<h3>世界很美，而你刚好有空</h3>
						<p>想看这样的风景，幽静，唯美，这曾经是我梦寐以求的生活，谁能给我提供这样的世外桃源的图片呢？快来赞赏我</p>
					</div>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<div class="user">
						<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt=""><span>花花世界</span>
					</div>
					<div class="text">
						<h3>世界很美，而你刚好有空</h3>
						<p>想看这样的风景，幽静，唯美，这曾经是我梦寐以求的生活，谁能给我提供这样的世外桃源的图片呢？快来赞赏我</p>
					</div>
				</a>
			</li>
		</ul>
	</div> -->
	<!-- <div class="pindao">
		<ul class="pd_list">
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
					<span class="channel_name">赞赏照片</span>
					<i class="level">Lv2</i>
					<span class="new_num">新帖567</span>
				</a>
			</li>
		</ul>
	</div> -->
	<!-- 用户 -->
	<!-- <div class="people">
		<ul class="people_list">
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt=""><span>赞赏世界</span>
				</a>
			</li>
			<li>
				<a href="javascript:;">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt=""><span>赞赏世界</span>
				</a>
			</li>
		</ul>
	</div>
 -->
	<!-- 无搜索结果显示 -->
	<div class="no-cout">
		<img src="/Public/Images/img/icon_channel_nosearch@3x.png" alt="">
		<p>没有搜索结果，换个关键词试试吧</p>
	</div>
	{include file="../Index/nav.html"}

{/block}
{block name="js"}

{literal}
	
<script>


	$('#search').on('input',function(){
		var ipt_val = $('#search').val();
		if(ipt_val){
			$('.icon_x').show()
		}else{
			$('.icon_x').hide()
		}
	})
    $('.icon_x').on('click',function(){
    	$('#search').val('');
    	$(this).hide()
    })

    $('.search_type .search_one').on('click',function(){
    	$(this).addClass('active').siblings().removeClass('active');
    })
</script>
{/literal}
{/block}